<template>
  <div>
    <el-result :icon="icon" :title="title" :subTitle="subTitle">
      <template slot="extra">
        <el-button
          type="primary"
          size="medium"
          class="w-200 m-b-20"
          @click="
            $router.push({ name: 'user-order-all', query: { action: 'pay' } })
          "
          >前往支付
        </el-button>
        <br />
        <el-button
          type="info"
          plain
          size="medium"
          @click="$router.push({ name: 'FServe' })"
          >返回</el-button
        >
      </template>
    </el-result>
  </div>
</template>

<script>
export default {
  data() {
    return {
      icon: "success",
      title: "成功提示",
      subTitle: "预约成功",
    };
  },
  created() {
    const query = this.$route.query;
    if (query.icon) {
      this.icon = query.icon;
    }
    if (query.title) {
      this.title = query.title;
    }
    if (query.subTitle) {
      this.subTitle = query.subTitle;
    }
  },
  methods: {},
};
</script>

<style></style>
